<template>
    <div>
        <Modal v-model="modal.search" title="高级搜索" width="1020">
            <Form ref="searchForm" :model="searchForm" :label-width="120">
                <Row>
	<i-col span="12">
	<FormItem label="快递费模板编号"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateIdMin">
	<InputNumber v-model="searchForm.expressTemplateIdMin" placeholder="请输入开始快递费模板编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateIdMax">
	<InputNumber v-model="searchForm.expressTemplateIdMax" placeholder="请输入结束快递费模板编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="快递费模板标题" prop="expressTemplateTitle">
	<Input v-model="searchForm.expressTemplateTitle" placeholder="请输入快递费模板标题" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="发货地" prop="expressTemplateExpressPlace">
	<Input v-model="searchForm.expressTemplateExpressPlace" placeholder="请输入发货地" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="模板项编号"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemIdMin">
	<InputNumber v-model="searchForm.expressTemplateItemIdMin" placeholder="请输入开始模板项编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemIdMax">
	<InputNumber v-model="searchForm.expressTemplateItemIdMax" placeholder="请输入结束模板项编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="物流公司" prop="expressTemplateItemExpressCompany">
	<Input v-model="searchForm.expressTemplateItemExpressCompany" placeholder="请输入物流公司" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="省收货地" prop="expressTemplateItemProvince">
	<Input v-model="searchForm.expressTemplateItemProvince" placeholder="请输入省收货地" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="市收货地" prop="expressTemplateItemCity">
	<Input v-model="searchForm.expressTemplateItemCity" placeholder="请输入市收货地" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="区县收货地" prop="expressTemplateItemDistrict">
	<Input v-model="searchForm.expressTemplateItemDistrict" placeholder="请输入区县收货地" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
		<FormItem label="是否包邮" prop="expressTemplateItemExpressFree">
		    
		        <Select v-model="searchForm.expressTemplateItemExpressFree" placeholder="是否包邮" filterable clearable>
		          <Option
		            v-for="(option, index) in expressTemplateItemExpressFreeSelect"
		            :value="option.value"
		            :key="index"
		          >{{option.displayValue}}</Option>
		        </Select>
		    
		</FormItem>
	
</i-col><i-col span="12">
	<FormItem label="快递费"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemExpressFeeMin">
	<InputNumber v-model="searchForm.expressTemplateItemExpressFeeMin" placeholder="请输入开始快递费" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemExpressFeeMax">
	<InputNumber v-model="searchForm.expressTemplateItemExpressFeeMax" placeholder="请输入结束快递费" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="规格"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemExpressSpecMin">
	<InputNumber v-model="searchForm.expressTemplateItemExpressSpecMin" placeholder="请输入开始规格" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemExpressSpecMax">
	<InputNumber v-model="searchForm.expressTemplateItemExpressSpecMax" placeholder="请输入结束规格" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="递增规格"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemIncrementSpecMin">
	<InputNumber v-model="searchForm.expressTemplateItemIncrementSpecMin" placeholder="请输入开始递增规格" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemIncrementSpecMax">
	<InputNumber v-model="searchForm.expressTemplateItemIncrementSpecMax" placeholder="请输入结束递增规格" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="递增快递费"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemIncrementFeeMin">
	<InputNumber v-model="searchForm.expressTemplateItemIncrementFeeMin" placeholder="请输入开始递增快递费" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemIncrementFeeMax">
	<InputNumber v-model="searchForm.expressTemplateItemIncrementFeeMax" placeholder="请输入结束递增快递费" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="包邮条件"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemFreeConditionMin">
	<InputNumber v-model="searchForm.expressTemplateItemFreeConditionMin" placeholder="请输入开始包邮条件" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemFreeConditionMax">
	<InputNumber v-model="searchForm.expressTemplateItemFreeConditionMax" placeholder="请输入结束包邮条件" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="包邮金额"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemFreeMaxPaymentMin">
	<InputNumber v-model="searchForm.expressTemplateItemFreeMaxPaymentMin" placeholder="请输入开始包邮金额" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemFreeMaxPaymentMax">
	<InputNumber v-model="searchForm.expressTemplateItemFreeMaxPaymentMax" placeholder="请输入结束包邮金额" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="版本号"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemVersionMin">
	<InputNumber v-model="searchForm.expressTemplateItemVersionMin" placeholder="请输入开始版本号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemVersionMax">
	<InputNumber v-model="searchForm.expressTemplateItemVersionMax" placeholder="请输入结束版本号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="创建时间"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemCreateTimeMin">
	<DatePicker @on-change="searchForm.expressTemplateItemCreateTimeMin=$event" :value="searchForm.expressTemplateItemCreateTimeMin" placeholder="请输入开始创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemCreateTimeMax">
	<DatePicker @on-change="searchForm.expressTemplateItemCreateTimeMax=$event" :value="searchForm.expressTemplateItemCreateTimeMax" placeholder="请输入结束创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="更新时间"><Row>
	<i-col span="11">
	<FormItem prop="expressTemplateItemUpdateTimeMin">
	<DatePicker @on-change="searchForm.expressTemplateItemUpdateTimeMin=$event" :value="searchForm.expressTemplateItemUpdateTimeMin" placeholder="请输入开始更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="expressTemplateItemUpdateTimeMax">
	<DatePicker @on-change="searchForm.expressTemplateItemUpdateTimeMax=$event" :value="searchForm.expressTemplateItemUpdateTimeMax" placeholder="请输入结束更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
		<FormItem label="是否激活" prop="expressTemplateItemIsActive">
		    
		        <Select v-model="searchForm.expressTemplateItemIsActive" placeholder="是否激活" filterable clearable>
		          <Option
		            v-for="(option, index) in isActiveSelect"
		            :value="option.value"
		            :key="index"
		          >{{option.displayValue}}</Option>
		        </Select>
		    
		</FormItem>
	
</i-col>
</Row>

            </Form>
            <div slot="footer">
                <Button type="text" size="large" @click="resetForm">清空</Button>
                <Button type="text" size="large" @click="cancelModal">取消</Button>
                <Button type="primary" size="large" @click="searchOkModal" :loading="loading.search">查询</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
	import * as utils from '@/api/utils-v2'
	import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'ExpressTemplateAndItemSearch',
        data() {
            return {
                modal: {
                    search: false
                },
                loading: {
                    search: false
                },
                urls: {
                    searchUrl: '/exp-temp-item/admin/pager-cond'
                },
				dataDictCodes: ['IS_ACTIVE','EXPRESS_FREE'],
				dataDictItems: {},
				isActiveSelect:[],
				expressTemplateItemExpressFreeSelect:[],
                searchForm: {
                    pageNo: 1,
                    pageSize: 10,
                    sortColumn: null,
                    sortOrder: null,
                    expressTemplateId: null,
expressTemplateIdMin: null, 
expressTemplateIdMax: null, 
expressTemplateTitle: null,
expressTemplateExpressPlace: null,
expressTemplateItemId: null,
expressTemplateItemIdMin: null, 
expressTemplateItemIdMax: null, 
expressTemplateItemExpressCompany: null,
expressTemplateItemProvince: null,
expressTemplateItemCity: null,
expressTemplateItemDistrict: null,
expressTemplateItemExpressFree: null,
expressTemplateItemExpressFreeMin: null, 
expressTemplateItemExpressFreeMax: null, 
expressTemplateItemExpressFee: null,
expressTemplateItemExpressFeeMin: null, 
expressTemplateItemExpressFeeMax: null, 
expressTemplateItemExpressSpec: null,
expressTemplateItemExpressSpecMin: null, 
expressTemplateItemExpressSpecMax: null, 
expressTemplateItemIncrementSpec: null,
expressTemplateItemIncrementSpecMin: null, 
expressTemplateItemIncrementSpecMax: null, 
expressTemplateItemIncrementFee: null,
expressTemplateItemIncrementFeeMin: null, 
expressTemplateItemIncrementFeeMax: null, 
expressTemplateItemFreeCondition: null,
expressTemplateItemFreeConditionMin: null, 
expressTemplateItemFreeConditionMax: null, 
expressTemplateItemFreeMaxPayment: null,
expressTemplateItemFreeMaxPaymentMin: null, 
expressTemplateItemFreeMaxPaymentMax: null, 
expressTemplateItemVersion: null,
expressTemplateItemVersionMin: null, 
expressTemplateItemVersionMax: null, 
expressTemplateItemCreateTime: null,
expressTemplateItemCreateTimeMin: null, 
expressTemplateItemCreateTimeMax: null, 
expressTemplateItemUpdateTime: null,
expressTemplateItemUpdateTimeMin: null, 
expressTemplateItemUpdateTimeMax: null, 
expressTemplateItemIsActive: null,
expressTemplateItemIsActiveMin: null, 
expressTemplateItemIsActiveMax: null, 

                }
            }
        },
        computed: {},
        mounted() {
			            utils.getDataDict(this.dataDictCodes).then(response => {
			              if (response) {
			                this.dataDictItems = response
			                utils.getSelectDictItems(this, 'IS_ACTIVE', 'expressTemplateItemIsActive', 'isActiveSelect')
							utils.getSelectDictItems(this, 'EXPRESS_FREE', 'expressTemplateItemExpressFree', 'expressTemplateItemExpressFreeSelect')
			              }
			            }).catch(error => {
			              console.log(error)
			            })
		},
        methods: {
            resetForm() {
                this.$refs.searchForm.resetFields()
            },
            cancelModal(modal) {
                this.modal.search = false
            },
            searchOkModal(modal) {
                this.modal.search = false
                this.$emit('searchTable', true)
            }
        }
    }
</script>

<style>
</style>
